<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选</title>
    <link rel="stylesheet" href="../css/wyyx.css">
     <!--引入字体图标-->
     <link rel="stylesheet" href="../css/font/demo_index.html">
     <link rel="stylesheet" href="../css/font/iconfont.css">
</head>
<body>
    <!--header-->
    <div class="header">
        <!--top-->
        <div class="top">
            <!--固定显示内容-->
            <div class="wapper">
                <div class="left">
                    <i class="iconfont icon-tongzhi"></i>
                    <a href="">因事件（疫情、特大暴雨）影响，部分地区无法配送公告</a>
                    
                </div>
                <div class="right">
                    <div>
                        <a href="">登录/注册
                        </a>
                    </div>
                    <div>
                        <a href="">我的订单
                        </a>
                    </div>
                    <div>
                        <a href="">会员
                        </a>
                    </div>
                    <div>
                        <a href="">甄选家</a>
                    </div>
                    <div>
                        <a href="">企业采购<i class="iconfont icon-jiantou9">
                    </i></a>
                </div>
                    <div>
                        <a href="">客户服务</a>
                    </div>
                    <div>
                        <a href=""><i class="iconfont icon-shouji"> </i> 
                        APP</a>
                    </div>
                </div>
            </div>
            <!--固定显示内容结束-->
        </div>
        <!--top over-->
        <!--bottom-->
        <div class="bottom">
            <div class="wapper">
                <!--search-->
                <div class="search">
                    <div class="logo">
                        <img src="../img/logo.png" alt="">
                      </div>
                      <div class="sousuo">
                        <div>
                          <div class="search_top">
                            <i class="iconfont icon-search"></i>
                            <input type="text"><span class="but_text">搜索</span>
                          </div>
                          <div class="search_bottom">
                            <a href="">七夕礼物</a>
                          </div>
                        </div>
                      </div>
                      <div class="shopcar">
                        <div class="car">
                          <i class="iconfont icon-gouwuche1"></i>
                          <span>购物车</span>
                          <i class="iconfont icon-0"></i>
                        </div>
                      </div>
                    </div>
                </div>
                <!--search over-->
                <!--menu-->
                <div class="menu">
                    <div class="list">
                      <ul>
                        <li>
                          <a href="">首页</a>
                        </li>
                        <li>
                          <a href="">居家生活</a>
                          <div class="second">
          
                            <div class="pro">居家生活二级菜单列表</div>
                            <div class="pro">居家生活二级菜单列表</div>
                            <div class="pro">居家生活二级菜单列表</div>
                            <div class="pro">居家生活二级菜单列表</div>
                          </div>
                        </li>
                        <li>
                          <a href="">服饰鞋包</a>
                          <div class="second">服饰鞋包二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">美食酒水</a>
                          <div class="second">美食酒水二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">个护清洁</a>
                          <div class="second">个护清洁二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">母婴亲子</a>
                          <div class="second">母婴亲子二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">运动旅行</a>
                          <div class="second">运动旅行二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">数码家电</a>
                          <div class="second">数码家电二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">严选全球</a>
                          <div class="second">严选全球二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">为你严选</a>
                          <div class="second">为你严选二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">众筹</a>
                          <div class="second">众筹二级菜单列表</div>
                        </li>
                      </ul>
                    </div>
                  </div>
                <!--menu over--> 
            </div>
            
        </div>
        <!--bottom over-->
        
    </div>
    <!--header结束-->
    <!--content-->
    <div class="content">
        <!--lunbo-->
        <div class="lunbo">
          <img src="../img/bg_1.png" alt="">
        </div>
        <!--lunbo over-->
    </div>
    <!--热销榜-->
    <div class="hot_outer">
      <ul class="hot_goods">
        <li>- 热销榜 -</li>
        <li><img src="../img/全站热销榜.webp" alt=""><span>全站<br>热销榜</span></li>
        <li><img src="../img/1居家生活.webp" alt=""><span>居家<br>生活榜</span></li>
        <li><img src="../img/1服饰鞋包.webp" alt=""><span>服饰<br>鞋包榜</span></li>
        <li><img src="../img/1美食酒水.webp" alt=""><span>美食<br>酒水榜</span></li>
        <li><img src="../img/1数码家电.webp" alt=""><span>数码<br>家电榜</span></li>
        <li><img src="../img/1个护清洁.webp" alt=""><span>个护<br>清洁榜</span></li>
        <li><img src="../img/1运动旅行.webp" alt=""><span>运动<br>旅行榜</span></li>
        <li><img src="../img/1母婴亲子.webp" alt=""><span>母婴<br>亲子榜</span></li>
        <li><img src="../img/1全球特色.webp" alt=""><span>全球<br>特色榜</span></li>
      </ul>
    </div>
    <!--热销榜结束-->
    <!-- 右侧边栏 -->
    <div class="right_aside">
      <ul>
        <li>
          <img src="../img/youce.png" alt="">
        </li>
        <li>
          <div class="title">订阅电子刊</div>
          <div class="content">没有电子刊谢谢</div>
        </li>
        <li>
          <div class="title">在线客服</div>
          <div class="content">小彭为您服务</div>
        </li>
        <li>
          <div class="title">回到顶部</div>
          <div class="content">立马飞回顶部去</div>
        </li>
      </ul>
    </div>
    <!-- 右侧边栏结束 -->
 <!-- 人气推荐 -->
 <div class="rqtj">
  <div class="wapper">
    <div class="popularity">
      <div class="title">
        <h3 class="name">人气推荐</h3>
        <div class="headerLeft checked">编辑推荐</div>
        <div class="headerLeft">热销总榜</div>
        <div class="headerRight">更多推荐></div>
      </div>
      <div class="product">
        <div id="productItemFirst" class="productItem">
          <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
          <img
            src="https://yanxuan-item.nosdn.127.net/bebff6d69027991f02077dc1f249059f.png?type=webp&quality=95&thumbnail=320x320&imageView"
            alt="图片丢失">
          <div class="title
      ">
            <h4 class="name">
              口袋里的咖啡馆 浓缩胶囊咖啡 焦糖拿铁1袋
            </h4>
            <p class="price">¥21.8</p>
          </div>
        </div>
        <div class="productItem">
          <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
          <img
            src="https://yanxuan-item.nosdn.127.net/0736325df88942d67a31b5bd5bb2a502.png?type=webp&quality=95&thumbnail=180y180&imageView"
            alt="图片丢失">
          <div class="title ">
            <div class="prdtTags"><span>3件8.5折</span></div>

            <h4 class="name">
              无添加蔗糖，苏打饼干 360克
            </h4>
            <p class="price">¥12.8
              <span>
                ¥88
              </span>

            </p>
          </div>
        </div>
        <div class="productItem">
          <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
          <img
            src="https://yanxuan-item.nosdn.127.net/e3fdeaf58254e6016666f560347dbe56.png?type=webp&quality=95&thumbnail=180y180&imageView"
            alt="图片丢失">
          <div class="title ">
            <div class="prdtTags"><span>99选9</span></div>

            <h4 class="name">
              红杏干 180g
            </h4>
            <p class="price">¥20
              <span>
               
              </span>

            </p>
          </div>
        </div>
        <div class="productItem">
          <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
          <img
            src="https://yanxuan-item.nosdn.127.net/2ef1049164f5de76f3447c7300f285ed.png?type=webp&quality=95&thumbnail=180y180&imageView"
            alt="图片丢失">
          <div class="title ">
            <div class="prdtTags"></div>

            <h4 class="name">
              含40%散养鸡蛋 芝士蛋糕 800g
            </h4>
            <p class="price">¥49
              <span>
               
              </span>

            </p>
          </div>
        </div>
        
        <div class="productItem">
          <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
          <img
            src="https://yanxuan-item.nosdn.127.net/2c0147161faaa160cf10b6770f1e290d.png?type=webp&quality=95&thumbnail=180y180&imageView"
            alt="图片丢失">
          <div class="title ">
            <div class="prdtTags"><span>特价</span></div>

            <h4 class="name">
              清新英国梨香 强力去污
            </h4>
            <p class="price">¥29.9
              <span>
                ¥35
              </span>

            </p>
          </div>
        </div>
        <div class="productItem">
          <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
          <img
            src="https://yanxuan-item.nosdn.127.net/6044c806cf07f0a0f427ea001b3cb68c.png?type=webp&quality=95&thumbnail=180y180&imageView"
            alt="图片丢失">
          <div class="title ">
            <div class="prdtTags"><span>特价</span></div>

            <h4 class="name">
              意面革命，好吃不胖，3分钟即食番茄肉酱面
            </h4>
            <p class="price">¥16.8
              <span>
                ¥19
              </span>

            </p>
          </div>
        </div>
        <div class="productItem">
          <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
          <img
            src="https://yanxuan-item.nosdn.127.net/38779b7e649b2e02f2a689bff17cbc42.png?type=webp&quality=95&thumbnail=180y180&imageView"
            alt="图片丢失">
          <div class="title ">
            <div class="prdtTags"><span>特价</span></div>

            <h4 class="name">
              封存鲜果的艺术品，鲜果冻 30克*10颗
            </h4>
            <p class="price">¥17.9
              <span>
                ¥23
              </span>

            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 人气推荐结束 -->
    <!--content结束-->
    <!-- footer -->
  <div class="footer">
    <div class="first_footer">
      <div class="footer_first">
          <SPAN>网易自营电商</SPAN>
      </div>
      <div class="footer_first">
        <SPAN>30天无忧退换货</SPAN>
    </div>
    <div class="footer_first">
      <SPAN>满99元免邮费</SPAN>
    </div>
    <div class="footer_first">
    <SPAN>品质保证</SPAN>
    </div>
    </div>
    <div class="second_footer">
      <ul>
        <li>关于我们</li>
        <span>|</span>
        <li>帮助中心</li>
        <span>|</span>
        <li>售后服务</li>
        <span>|</span>
        <li>配送与验收</li>
        <span>|</span>
        <li>商务合作</li>
        <span>|</span>
        <li>企业采购</li>
        <span>|</span>
        <li>开放平台</li>
        <span>|</span>
        <li>搜索推荐</li>
        <span>|</span>
        <li>友情链接</li>
        <span>|</span>
        <li>廉政举报</li>
      </ul>
    </div>
    <div class="second_footer">
      <ul>
        <li>食品经营许可证：JY13301080111719</li>
        <li>出版物经营许可证：新出发滨字第0132号</li>
        <li>妙得ICP证号：ICP 证浙B2-20160106</li>
        <li>浙杭食药监械经营备20171029号</li>
        <li>营业执照</li>
        <li>网易公司版权所有 © 1997-2021</li>
      </ul>
    </div>
    <div class="second_footer">
      <ul>
        
      <li>无线电发射设备销售备案：42202011096855</li>
      <li>（浙杭）网械企备字[2019]第00119号</li>
      <li>（粤）网械平台备字（2019）第00004号</li>
      <li>（粤）-非经营性-2016-0023</li>
      <li>进口冷链食品管理承诺书</li>
      </ul>
    </div>
    <div class="second_footer">
      <ul>
        <li>食品经营许可证：JY14207050007694</li>
        <li>浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</li>
        <li>单用途商业预付卡备案证：330100AAC0024</li>
        <li><img src="https://yanxuan.nosdn.127.net/86f32b668af6e537389a77480fb5c74d.gif" width="25px" alt="图片丢失"></li>
      </ul>
    </div>
    <div class="second_footer">
      <ul>
        <li>出版物网络交易平台服务经营备案：新出发浙备字第2021006号</li>
      </ul>
    </div>
</div>
</body>

</html>